<template>
    <div class="third-item">
        <div class="video-data">
            <Video></Video>
        </div>
        <div class="info">
            <div class="desc">这里最多显示两行文字介绍内容</div>
            <div class="rank">第一名</div>
        </div>
    </div>
</template>

<script>
import Video from "../components/video";
export default {
    components:{
        Video
    },
    data(){
        return {

        }
    }
}
</script>

<style lang="stylus" scoped>
.third-item
    display flex
    height 128px
    border-radius 4px
    overflow hidden
    background #FFD057
    .video-data
        width 47.5%
        height 100%

    .info
        width 52.5%
        font-size 14px
        color #5B3100
        line-height 24px
        box-sizing border-box
        padding 5px 12px
        display flex
        flex-direction column
        justify-content space-between
        .rank
            width 100%
            text-align center
            line-height 30px
            border 1px solid #F7B300
            margin-bottom 5px
</style>